<%@ page contentType="text/html;charset=UTF-8" language="java" %>
	<!DOCTYPE html>
	<html lang="zxx" class="no-js">
	<head>
		<!-- Mobile Specific Meta -->
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<!-- Favicon-->
		<link rel="shortcut icon" href="img/fav.png">
		<!-- Author Meta -->
		<meta name="author" content="colorlib">
		<!-- Meta Description -->
		<meta name="description" content="">
		<!-- Meta Keyword -->
		<meta name="keywords" content="">
		<!-- meta character set -->
		<meta charset="UTF-8">
		<!-- Site Title -->
		<title>GO运动</title>

		<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,500,600,700" rel="stylesheet"> 
			<!--
			CSS
			============================================= -->
			<link rel="stylesheet" href="css/linearicons.css">
			<link rel="stylesheet" href="css/font-awesome.min.css">
			<link rel="stylesheet" href="css/bootstrap.css">
			<link rel="stylesheet" href="css/magnific-popup.css">
			<link rel="stylesheet" href="css/nice-select.css">							
			<link rel="stylesheet" href="css/animate.min.css">
			<link rel="stylesheet" href="css/owl.carousel.css">			
			<link rel="stylesheet" href="css/jquery-ui.css">			
			<link rel="stylesheet" href="css/main.css">
		</head>
		<body>
		<header id="header">
			<div class="ascend"></div>
			<div class="container main-menu">
				<div class="row align-items-center justify-content-center">
					<nav id="nav-menu-container">
						<ul class="nav-menu">
							<li class="menu-active"><a href="${pageContext.request.contextPath}/page/index1.jsp">首页</a></li>
							<li><a href="${pageContext.request.contextPath}/page/about.jsp">健身动作库</a></li>
							<li><a href="${pageContext.request.contextPath}/page/services.jsp">特设课堂</a></li>
							<li><a href="${pageContext.request.contextPath}/page/trainers.jsp">图库</a></li>
							<li class="menu-has-children"><a href="">更多</a>
								<ul>
									<li><a href="${pageContext.request.contextPath}/front/FavoritePage.jsp">我的收藏</a></li>
									<li><a href="${pageContext.request.contextPath}/front/HistoryPage.jsp">历史记录</a></li>
								</ul>
							</li>
							<li><a href="${pageContext.request.contextPath}/page/elements.jsp">联系我们</a></li>
							<li><a href="${pageContext.request.contextPath}/page/contact.jsp">关于我们</a></li>
							<li>


								<div class="item-group" id="me">
									<span ><a href="${pageContext.request.contextPath}/login/userLogin.jsp">登录</a></span>|
									<span ><a href="${pageContext.request.contextPath}/register/userRegister.jsp">注册</a></span>
								</div>
							</li>
						</ul>
					</nav><!-- #nav-menu-container -->
				</div>
			</div>
		</header>
			  
			<!-- start banner Area -->
			<section class="banner-area relative about-banner" id="home">	
				<div class="overlay overlay-bg"></div>
				<div class="container">				
					<div class="row d-flex align-items-center justify-content-center">
						<div class="about-content col-lg-12">
							<h1 class="text-white">
								Course Packages				
							</h1>	
							<p class="text-white link-nav"><a href="index1.jsp">Home </a>  <span class="lnr lnr-arrow-right"></span>  <a href="packages.jsp"> Course Packages</a></p>
						</div>	
					</div>
				</div>
			</section>
			<!-- End banner Area -->	

			<!-- Start packages Area -->
			<section class="packages-area section-gap">
				<div class="container">
					<div class="row section-title">
						<h1>Explore Our Packages</h1>
						<p>Las Vegas has more than 100,000 hotel rooms to </p>
					</div>						
					<div class="row">
						<div class="single-package col-lg-6">
							<div class="thumb relative">
								<div class="overlay overlay-bg"></div>
								<img class="img-fluid" src="img/single-package.jpg" alt="">
							</div>
							<div class="price">
								<h6>For male body building</h6>
								<span>$250</span>
							</div>
							<div class="btn">
								<a href="#" class="primary-btn">Book Now</a>
							</div>
						</div>
						<div class="single-package col-lg-6">
							<div class="thumb relative">
								<div class="overlay overlay-bg"></div>						
								<img class="img-fluid" src="img/single-package.jpg" alt="">
							</div>
							<div class="price">
								<h6>For male body building</h6>
								<span>$250</span>
							</div>
							<div class="btn">
								<a href="#" class="primary-btn">Book Now</a>
							</div>
						</div>		
						<div class="single-package col-lg-6">
							<div class="thumb relative">
								<div class="overlay overlay-bg"></div>
								<img class="img-fluid" src="img/single-package.jpg" alt="">
							</div>
							<div class="price">
								<h6>For male body building</h6>
								<span>$250</span>
							</div>
							<div class="btn">
								<a href="#" class="primary-btn">Book Now</a>
							</div>
						</div>
						<div class="single-package col-lg-6">
							<div class="thumb relative">
								<div class="overlay overlay-bg"></div>
								<img class="img-fluid" src="img/single-package.jpg" alt="">
							</div>
							<div class="price">
								<h6>For male body building</h6>
								<span>$250</span>
							</div>
							<div class="btn">
								<a href="#" class="primary-btn">Book Now</a>
							</div>
						</div>		
						<div class="single-package col-lg-6">
							<div class="thumb relative">
								<div class="overlay overlay-bg"></div>
								<img class="img-fluid" src="img/single-package.jpg" alt="">
							</div>
							<div class="price">
								<h6>For male body building</h6>
								<span>$250</span>
							</div>
							<div class="btn">
								<a href="#" class="primary-btn">Book Now</a>
							</div>
						</div>
						<div class="single-package col-lg-6">
							<div class="thumb relative">
								<div class="overlay overlay-bg"></div>
								<img class="img-fluid" src="img/single-package.jpg" alt="">
							</div>
							<div class="price">
								<h6>For male body building</h6>
								<span>$250</span>
							</div>
							<div class="btn">
								<a href="#" class="primary-btn">Book Now</a>
							</div>
						</div>														
					</div>
				</div>	
			</section>
			<!-- End packages Area -->
			

			<!-- Start testomial Area -->
			<section class="testomial-area section-gap">
				<div class="container">
					<div class="row section-title">
						<h1>Testimonial from our Clients</h1>
						<p>Las Vegas has more than 100,000 hotel rooms to choose from.</p>
					</div>					
					<div class="row">
						<div class="active-testimonial-carusel">
							<div class="single-testimonial item">
								<img class="mx-auto" src="img/t1.png" alt="">
								<p class="desc">
									Accessories Here you can find the best computer accessory for your laptop, monitor, printer, scanner, speaker, projector, hardware and more. laptop accessory
								</p>
								<h4>Helena Phillips</h4>
								<p>
									CEO at Facebook
								</p>
							</div>
							<div class="single-testimonial item">
								<img class="mx-auto" src="img/t2.png" alt="">
								<p class="desc">
									It won’t be a bigger problem to find one video game lover in your neighbor. Since the introduction of Virtual Game, it has been achieving great heights so far as its.
								</p>
								<h4>Cordelia Barton</h4>
								<p>
									CEO at Twitter
								</p>
							</div>
							<div class="single-testimonial item">
								<img class="mx-auto" src="img/t3.png" alt="">
								<p class="desc">
									About 64% of all on-line teens say that do things online that they wouldn’t want their parents to know about.   11% of all adult internet users visit dating websites.     	
								</p>
								<h4>Carrie Reese</h4>
								<p>
									CEO at Google
								</p>
							</div>	
							<div class="single-testimonial item">
								<img class="mx-auto" src="img/t1.png" alt="">
								<p class="desc">
									Accessories Here you can find the best computer accessory for your laptop, monitor, printer, scanner, speaker, projector, hardware and more. laptop accessory
								</p>
								<h4>Helena Phillips</h4>
								<p>
									CEO at Facebook
								</p>
							</div>
							<div class="single-testimonial item">
								<img class="mx-auto" src="img/t2.png" alt="">
								<p class="desc">
									It won’t be a bigger problem to find one video game lover in your neighbor. Since the introduction of Virtual Game, it has been achieving great heights so far as its.
								</p>
								<h4>Cordelia Barton</h4>
								<p>
									CEO at Twitter
								</p>
							</div>
							<div class="single-testimonial item">
								<img class="mx-auto" src="img/t3.png" alt="">
								<p class="desc">
									About 64% of all on-line teens say that do things online that they wouldn’t want their parents to know about.   11% of all adult internet users visit dating websites.     	
								</p>
								<h4>Carrie Reese</h4>
								<p>
									CEO at Google
								</p>
							</div>	
							<div class="single-testimonial item">
								<img class="mx-auto" src="img/t1.png" alt="">
								<p class="desc">
									Accessories Here you can find the best computer accessory for your laptop, monitor, printer, scanner, speaker, projector, hardware and more. laptop accessory
								</p>
								<h4>Helena Phillips</h4>
								<p>
									CEO at Facebook
								</p>
							</div>
							<div class="single-testimonial item">
								<img class="mx-auto" src="img/t2.png" alt="">
								<p class="desc">
									It won’t be a bigger problem to find one video game lover in your neighbor. Since the introduction of Virtual Game, it has been achieving great heights so far as its.
								</p>
								<h4>Cordelia Barton</h4>
								<p>
									CEO at Twitter
								</p>
							</div>
							<div class="single-testimonial item">
								<img class="mx-auto" src="img/t3.png" alt="">
								<p class="desc">
									About 64% of all on-line teens say that do things online that they wouldn’t want their parents to know about.   11% of all adult internet users visit dating websites.     	
								</p>
								<h4>Carrie Reese</h4>
								<p>
									CEO at Google
								</p>
							</div>																												
						</div>
					</div>
				</div>	
			</section>
			<!-- End testomial Area -->		

			<!-- Start callto Area -->
			<section class="callto-area section-gap relative">
				<div class="overlay overlay-bg"></div>
				<div class="container">
					<div class="row">
						<div class="call-wrap mx-auto">
							<h1>It's never late to start, join us today!</h1>
							<p>
								Thinking about overseas adventure travel? Have you put any thought into the best places to go when it comes to overseas adventure travel? Nepal is one of the most popular places of all.
							</p>
							<a href="#" class="primary-btn">Become a Member</a>				
						</div>
					</div>
				</div>	
			</section>
			<!-- End callto Area -->	
					    			
			<!-- start footer Area -->		
			<footer class="footer-area section-gap">
				<div class="container">
					<div class="row">
						<div class="col-lg-3  col-md-6 col-sm-6">
							<div class="single-footer-widget">
								<h4>About Us</h4>
								<p>
									The state of Utah in the United States is home to lots of beautiful National Parks, & Bryce Canyon National Park ranks as three of the magnificent & awe inspiring.
								</p>
							</div>
						</div>
						<div class="col-lg-4  col-md-6 col-sm-6">
							<div class="single-footer-widget">
								<h4>Contact Us</h4>
								<p>
									56/8, rockybeach road, santa monica, Los angeles, California - 59620.
								</p>
								<p class="number">
									012-6532-568-9746 <br>
									012-6532-569-9748
								</p>
							</div>
						</div>						
						<div class="col-lg-5  col-md-6 col-sm-6">
							<div class="single-footer-widget">
								<h4>Newsletter</h4>
								<p>You can trust us. we only send  offers, not a single spam.</p>
								<div class="d-flex flex-row" id="mc_embed_signup">


									  <form class="navbar-form" action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&amp;id=92a4423d01" method="get">
									    <div class="input-group add-on align-items-center d-flex">
									      	<input class="form-control" name="EMAIL" placeholder="Your Email address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Email address'" required="" type="email">
											<div style="position: absolute; left: -5000px;">
												<input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value="" type="text">
											</div>
									      <div class="input-group-btn">
									        <button class="genric-btn"><span class="lnr lnr-arrow-right"></span></button>
									      </div>
									    </div>
									      <div class="info mt-20"></div>									    
									  </form>
								</div>
							</div>
						</div>						
					</div>
					<div class="footer-bottom row align-items-center">
						<p class="footer-text m-0 col-lg-6 col-md-12"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
						<div class="col-lg-6 col-sm-12 footer-social">
							<a href="#"><i class="fa fa-facebook"></i></a>
							<a href="#"><i class="fa fa-twitter"></i></a>
							<a href="#"><i class="fa fa-dribbble"></i></a>
							<a href="#"><i class="fa fa-behance"></i></a>
						</div>
					</div>
				</div>
			</footer>	
			<!-- End footer Area -->

			<script src="${pageContext.request.contextPath}/page/js/vendor/jquery-2.2.4.min.js"></script>
			<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
			<script src="${pageContext.request.contextPath}/page/js/vendor/bootstrap.min.js"></script>
			<%--<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBhOdIF3Y9382fqJYt5I_sswSrEw5eihAA"></script>--%>
  			<script src="${pageContext.request.contextPath}/page/js/easing.min.js"></script>
			<script src="${pageContext.request.contextPath}/page/js/hoverIntent.js"></script>
			<script src="${pageContext.request.contextPath}/page/js/superfish.min.js"></script>
			<script src="${pageContext.request.contextPath}/page/js/jquery.ajaxchimp.min.js"></script>
			<script src="${pageContext.request.contextPath}/page/js/jquery.magnific-popup.min.js"></script>
 			<script src="${pageContext.request.contextPath}/page/js/jquery-ui.js"></script>
			<script src="${pageContext.request.contextPath}/page/js/jquery.nice-select.min.js"></script>
			<script src="${pageContext.request.contextPath}/page/js/owl.carousel.min.js"></script>
			<script src="${pageContext.request.contextPath}/page/js/mail-script.js"></script>
			<script src="${pageContext.request.contextPath}/page/js/main.js"></script>
		<script>
			$(function () {
				/*导航栏变化*/
				var user="<c:out value='${sessionScope.user.userName}' />";
				var img1="<c:out value='${sessionScope.user.userImg}' />";
				var info="";
				if(user){
					info="<li class=\"menu-has-children\"><img src=\'${pageContext.request.contextPath}/FileDownloadServlet?fileName=${sessionScope.user.userImg}\' style=\"height: 25px;\n" +
							"    width: 25px;\n" +
							"    border-radius: 50%;\" onerror=\"this.src=\'${pageContext.request.contextPath}/style/images/titlel.jpg\'\" ><a style=\"color: black; font-size: 15px;    position: absolute;\n" +
							"    top: 4px;\n" +
							"    right: -65px;\">"+user+"</a>\n" +
							"\t\t\t\t\t\t\t\t\t<ul>\n" +
							"\t\t\t\t\t\t\t\t\t\t<li><a href=\"${pageContext.request.contextPath}/front/CenTer.jsp\">个人中心</a></li>\n" +
							"\t\t\t\t\t\t\t\t\t\t<li><a  id=\"exit\">退出</a></li>\n" +
							"\t\t\t\t\t\t\t\t\t</ul>\n" +
							"\t\t\t\t\t\t\t\t</li>"
					$("#me").html(info);
				}else{
					info="<span ><a href=\"${pageContext.request.contextPath}/login/userLogin.jsp\">登录</a></span>|\n" +
							"\t\t\t\t\t\t\t\t\t<span ><a href=\"${pageContext.request.contextPath}/register/userRegister.jsp\">注册</a></span>"
					$("#me").html(info);
				}
			})
		</script>
		</body>
	</html>